<% unless broadcasts.nil? or broadcasts.blank? %>
	<script language="javascript" type="text/javascript" src="javascripts/site.js"></script>

	<div class="span-17 second_level_list">
	<div class="span-17 second_level_list_header last">
		<div class="span-4 description bold">Broadcast Name</div>
		<div class="span-4 description bold">Short Description</div>
		<div class="span-2 description bold">Genre</div>
		<div class="span-3 description bold">Broadcast Date</div>
		<div class="span-3 description bold"># Audio Assets</div>
	</div>
	<% broadcasts.each do |broadcast| %>
		<div class="span-17 last">
			<div class="span-4 description left second_level_elements">
				<%= link_to_function("<span id='#{broadcast.id}_arrow'>" + image_tag('toggle_right.png') + '</span>', 
					"Effect.toggle('#{broadcast.id}_assets_div', 'appear'); change_arrow('#{broadcast.id}_arrow', 'Audio Assets'); return false;",
					 :title => 'Show Audio Assets', :class => 'non_underline') unless broadcast.audio_assets.blank? %>
				<%= link_to "#{broadcast.name}", :controller => 'broadcasts', :action => 'show', :id => broadcast %>
			</div>
			<div class="span-4 description"><%= "#{broadcast.short_description}" %></div>
			<div class="span-2 description"><%= "#{broadcast.genre}" %></div>
			<div class="span-3 description"><%= "#{broadcast.broadcast_date.to_date}" %></div>
			<div class="span-3 description"><%= "#{broadcast.audio_assets.size}" %></div>
		</div>
		
		<div id='<%= "#{broadcast.id}_assets_div" %>' style="display: none;">
			<%= render :partial => 'audio_assets/third_level_list', :locals => { :audio_assets => broadcast.audio_assets } %>
		</div>
	<% end %>
	</div>
<% end %>